<template>
	<div class="view-root">
		<iframe
			:src="towRsUrl"
			frameborder="0"
			ref="refed"
			class="scene_view"
		></iframe>

		<div class="footer-lay">
			<button @click="onCloseClick">
				{{ $t("message.public.close") }}
			</button>
			<!-- <button @click="onRefreshClick"><i class="iconfont">&#xe81f;</i></button> -->
		</div>
	</div>
</template>

<script>
import { getSvgData } from "@/api/api";
export default {
	props: ["towRsUrl"],

	data() {
		return {};
	},

	methods: {
		onCloseClick() {
			this.$emit("onCloseClick");
		},
	},
};
</script>

<style lang="scss" scoped>
.view-root {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.scene_view {
	width: 100%;
	height: calc(100% - 47px);
}

.footer-lay {
	position: absolute;
	z-index: 10;
	bottom: 0;
	width: 100%;
	height: 47px;
	padding: 0 15px;
	border-top: 1px solid #d9d9d9;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	background: #ffffff;
	button {
		width: 82px;
		height: 32px;
		background: #ffffff;
		border: 1px solid #d9d9d9;
		margin-right: 12px;
		border-radius: 4px;
	}

	button:nth-child(1) {
		// position: absolute;
		background: #eb7421;
		color: #fff;
		right: 0px;
	}

	button:nth-child(2) {
		width: 52px;
		background-color: #f8f8f8;
		border: 1px solid #d9d9d9;
		color: rgba(0, 0, 0, 0.65);
	}

	.iconfont {
		color: rgba(0, 0, 0, 0.65);
	}
}
</style>